<!DOCTYPE html>
<html>
<head>
  <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
  <title>Example application with SimpleForm and Twitter Bootstrap</title>
  <%= stylesheet_link_tag "application" %>
  <%= csrf_meta_tags %>
</head>
<body>
  <header class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
      <a href="http://github.com/rafaelfranca/simple_form-bootstrap">
        <img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub">
      </a>
      <div class="container">
        <a class="brand" href="#">SimpleForm & Twitter Bootstrap</a>
        <ul class="nav">
          <li><%= link_to "Home", root_path %></li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle='dropdown'>
              Articles
              <b class='caret'></b>
            </a>
            <ul class="dropdown-menu">
              <li><%= link_to "List all articles", articles_path %></li>
              <li><%= link_to "New article", new_article_path %></li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </header>
  <div class="container master-container">
    <ul class="breadcrumb">
      <%= yield :breadcrumb %>
    </ul>
    <div class='alert alert-info fade in' data-alert='alert'>
      <h3>
        <strong>
          <a href="https://github.com/plataformatec/simple_form">SimpleForm</a> 2.0 and <a href="http://twitter.github.com/bootstrap">Twitter Bootstrap</a> sample application.
        </strong>
      </h3>
      <p>Here you'll see the usage of <a href="https://github.com/plataformatec/simple_form">SimpleForm</a> and the <a href="http://twitter.github.com/bootstrap">Twitter Bootstrap</a> toolkit on a Rails 3.2 application.</p>
      <p>You can check the source code on <a href='https://github.com/rafaelfranca/simple_form-bootstrap'>GitHub</a>.</p>

    </div>

    <% if notice %>
      <div class="alert alert-success fade in" data-alert="alert">
        <a class="close" data-dismiss='alert' href="#">×</a>
        <p><%= notice %></p>
      </div>
    <% end %>

    <%= yield %>
  </div>

  <footer class="footer">
    <div class="container">
      <p>Copyright 2009-2013 <a href="http://plataformatec.com.br">Plataformatec</a></p>
      <ul class="footer-links">
        <li><a href="http://blog.plataformatec.com.br">Plataformatec Blog</a></li>
        <li class="muted">·</li>
        <li><a href="https://github.com/plataformatec/simple_form">SimpleForm @ GitHub</a></li>
      </ul>
    </div>
  </footer>
  <%= javascript_include_tag "application" %>
</body>
</html>
